<template>
    <div class="">
        <ezm-layout>
            <van-nav-bar
                    slot="nav"
                    title="常规内容效果"
                    left-arrow
                    @click-left="g_navigate.back()"
            ></van-nav-bar>
            <ezm-scroll-box>
                <template v-for="item in list">
                    <van-cell
                            :title="item.title"
                            :value="item.value"
                            :label="item.label"
                    ></van-cell>
                </template>
            </ezm-scroll-box>
        </ezm-layout>
    </div>
</template>

<script>
    import EzmLayout from "@/components/layout/ezm-layout";
    import EzmScrollBox from "@/components/scroll/ezm-scroll-box";
    import {mockObj} from "@/utils/common.util";
    import {PageMixin} from "@/mixin/navigate.mixin";

    export default {
        name: 'BetterScrollNormal',
        mixins: [PageMixin],
        components: {EzmScrollBox, EzmLayout},
        props: {},
        data() {
            return {
                list: []
            }
        },
        computed: {},
        watch: {},
        created() {
        },
        mounted() {
        },
        destroyed() {
        },
        methods: {
            init() {
                this.list = mockObj({
                    'title': '@cname',
                    'value': '@string(number, 10)',
                    'label': '@name',
                }, 20);
            },
        }
    };
</script>

<style lang="less">

</style>